<template>
	<div id="app">
		<!--<app-head></app-head>-->
		<router-view/>
	</div>
</template>

<script>
	import $ from 'jquery'
	import AppHead from '@/components/common/head'
	export default {
		name: 'app',
		components: {
			'app-head': AppHead
		},
		methods: {
			setFontSize: function() {
				window.setFontSize = function() {
					var size = document.documentElement.clientWidth / 750 * 100;
					//	size = size > 50 ? size : 50
					//	console.log(size);
					document.documentElement.style.fontSize = size.toString() + "px";
				};
				setFontSize();
				$(window).resize(function() {
					setFontSize()
				});
			}
		},
		mounted: function() {
			this.setFontSize()
		},
		watch: {
			'$route' (to, from) {
				this.setFontSize()
			}
		}
	}
</script>

<style>
</style>